@import '@/common/css/variables.less';

.box-shadow{width: 690rpx; margin: 20rpx auto 0;padding: 0 20rpx;}

/* 拼团列表 */
.group-list{
	.banner-search{
		position: relative;
		.banner-swipe{
			width: 750rpx;height: 460rpx;
			/* #ifdef H5 */
			height: 300rpx;
			/* #endif */
		}
		.search-box{
			position: absolute;left: 0;top: 0;right: 0;
			.bar-height{
				width: 750rpx;overflow: hidden; color: #fff;font-size: 32rpx;display: -webkit-flex;display: flex;justify-content: center; align-items: flex-end;
				.inner{
					width: 750rpx;position: relative;
					.icons{position: absolute;left: 20rpx;top: 50%;transform: translateY(-50%);}
				}
			}
			.search{
				width: 690rpx;height: 60rpx;background: rgba(255,255,255,.7);border-radius: 30rpx;margin: 0 auto;padding: 0 22rpx 0 26rpx;margin-top: 40rpx;
				.city{
					width: 94rpx;height: 30rpx;border-right: 2rpx solid #aaabb1;padding-right: 10rpx;
					.iconfont{font-size: 28rpx;color: #666666;margin-top: 8rpx;}
				}
				.icon{width: 24rpx;height: 24rpx;}
				input{width: 550rpx;font-size: 24rpx;}
			}
		}
	}
	
	.list-box{
		padding-top: 20rpx;
		.box-shadow{margin: 0 auto;}
	}
}

/* 团详情 */
.group-detail{
	.uni-swiper__dots-nav{justify-content: flex-end;}
	.banner-swipe{width: 750rpx;height: 360rpx;}
	.info1{
		width: 750rpx;height: 160rpx;padding: 0 30rpx;margin-top: -40rpx; background: url(https://static.newbeaconhotels.com/app/hotel/group/info-bg.png) no-repeat;background-size: 100%;position: relative;
		.left{
			padding-top: 8rpx;
			.icon{width: 24rpx;height: 18rpx;margin-right: 10rpx;}
			.p2{padding-top: 18rpx;}
			.p3{
				padding-top: 14rpx;
				.font-line{padding-left: 10rpx;}
			}
		}
		.right{
			padding-top: 54rpx;
			.p{padding-bottom: 16rpx;}
		}
	}
	.info2{
		padding-top: 20rpx;padding-bottom: 20rpx;
		.tag{height: 32rpx;line-height: 30rpx;padding: 0 8rpx;margin-right: 10rpx; font-size: 20rpx;color: @theme-color;border: 2rpx solid @theme-color;border-radius: 6rpx;}
		.name{line-height: 40rpx;padding: 20rpx 0;}
		.icon{width: 24rpx;height: 24rpx;margin-right: 10rpx;}
	}
	.partner{
		.title{height: 76rpx;line-height: 70rpx; border-bottom: 2rpx solid #f5f5f5;}
		.box{
			.swiper-group{
				height: 240rpx;
				.item{
					height: 120rpx;border-bottom: 2rpx solid #f5f5f5;
					&:last-child{border-bottom: none;}
					.photo{width: 70rpx;height: 70rpx;border-radius: 50%;background-color: @theme-color;}
					.name{padding: 0 20rpx;}
					.time{
						padding-right: 30rpx;text-align: right;
						.font12{letter-spacing: 2rpx;text-indent: 2rpx;}
					}
					.btn{width: 100rpx;line-height: 40rpx;text-align: center;color: #fff;font-size: 22rpx;border-radius: 20rpx;background-color: @theme-color;}
				}
			}
		}
	}
	.box_shadow{ padding-bottom: 20rpx; }
	.bottom_bar{
		width: 200rpx;
		height: calc(130rpx + constant(safe-area-inset-bottom));height: calc(130rpx + env(safe-area-inset-bottom));
	}
	// 切换
	.info_tab{
		display: flex;justify-content: space-around;height: 100rpx;align-items: center;position: sticky;top: 0rpx;background-color: #ffffff;margin-top: 20rpx;
		.tab_box{ position: relative;height: 100rpx;line-height: 100rpx; }
		.tab_show{ width: 50rpx;height: 5rpx;background-color: #ff6428;border-radius: 3rpx;position: absolute;bottom: 20rpx; }
	}
	.content{ font-size: 26rpx;padding-top: 10rpx; }
	// 用户评价
	.info_comment{
		.info_loading{ width: 100%;text-align: center;padding-top: 40rpx; }
		.comment_nav{
			height: 80rpx;width: 650rpx;padding: 0 20rpx;
			view{ padding: 12rpx 20rpx;border-radius: 10rpx;margin-right: 16rpx; }
			.cnav_h{ background-color: #fff5f5;color: #ff3c37; }
			.cnav_m{ background-color: #f2f2f2;color: #1e1e1e; }
			.margin-6{ margin-left: 6rpx; }
		}
		.comment_list{
			width: 650rpx;padding: 0 30rpx;
			.comment_title{
				height: 96rpx;
				image{ height: 50rpx;width: 50rpx;border-radius: 25rpx;margin-right: 26rpx; }
				view text:nth-of-type(1){ margin-right: 30rpx; }
			}
			.comment_reply{ width: 514rpx;padding: 20rpx;background-color:#f5f5f5;border-radius: 20rpx;margin-top:20rpx;margin-left: 76rpx; }
			.comment_imglist{
				width: 514rpx;margin-left: 76rpx;display: inline-block;overflow: hidden;overflow-x: scroll;white-space: nowrap;
				image{ height: 200rpx;width: 200rpx;border-radius: 16rpx;margin-right: 22rpx;margin-top: 16rpx; }
			}
			.comment_infos{ width: 514rpx;margin-left: 76rpx; }
			.comment_border{ width: 514rpx;height: 2rpx;background-color: #f5f5f5;margin-left: 76rpx;margin-top: 20rpx; }
		}
	}
	.detail{ padding: 20rpx; }
}
/* 团详情-底部 */
.bottom-bar{
		position: fixed;bottom: 0;left: 0;right: 0;z-index: 10;background: #ffffff;padding-left: 20rpx;box-shadow: 0 0 30rpx rgba(0,0,0,.1);
		height: calc(110rpx + constant(safe-area-inset-bottom));height: calc(110rpx + env(safe-area-inset-bottom));
		.part1{
			width: 210rpx;height: 110rpx;
			.item{width: 50%;text-align: center;}
			.icon{display: block;width: 36rpx;height: 36rpx;margin: 0 auto 4rpx;}
		}
		.part2{
			width: 460rpx; height: 100%;
			.btn{
				width: 230rpx; height: 100%;color: #fff;text-align: center;padding-top: 16rpx;
				&.btn1{background-color: #5961c9;}
				&.btn2{background-color: @theme-color;}
				.p1{padding-top: 4rpx;}
				.p2{line-height: 82rpx;}
			}
		}
	}

/* 团详情-规格弹窗 */
.specification{
	width: 750rpx;background-color: #fff;padding: 0 30rpx 10rpx 30rpx;position: relative;
	.close{position: absolute;right: 26rpx;top: 26rpx;}
	.part1{
		padding: 30rpx 0;border-bottom: 2rpx solid #f5f5f5;
		.image{width: 140rpx;height: 140rpx;border-radius: 10rpx;}
		.price{
			padding-left: 30rpx;
			.font12{padding-top: 10rpx;}
		}
	}
	.part2{
		padding: 30rpx 0;border-bottom: 2rpx solid #f5f5f5;
		.back-ffe9e8{ background-color: #ffe9e8; }
		.tag{ width: 100rpx;height: 40rpx;margin-top: 30rpx; line-height: 40rpx;text-align: center;font-size: 24rpx;border-radius: 6rpx; display: inline-block;margin-right: 12rpx;background-color: #f4f4f4; }
	}
	.part3{ padding: 50rpx 0; }
	.btn{width: 100%;line-height: 80rpx;background-color: @theme-color;color: #fff;text-align: center;font-size: 30rpx;}
}

/* 海报 */
.poster-box{
	.banner{height: 500rpx;}
	.money{
		height: 80rpx;
		view{padding: 0 15rpx;background-color: #ff3c37;border-radius: 17rpx;height: 34rpx;margin-left: 12rpx;}
	}
	.personal{
		height: 90rpx;
		.code{height: 90rpx;width: 90rpx;}
	}
}
.poster-h5{ height: 750rpx; }

/* 团购下单 */
.book-group{
	background: #f7f7f7 url(https://static.newbeaconhotels.com/app/hotel/group/book-bg.png) no-repeat;background-size: 100%;
	.book-info{
		padding: 25rpx 20rpx;
		.icon{width: 60rpx;height: 60rpx;}
		.info{
			padding-left: 30rpx;
			.tel{padding-left: 30rpx;}
			.addr{padding-top: 16rpx;}
		}
	}
	.book-detail{
		padding-bottom: 20rpx;
		.goods{
			padding: 30rpx 0;border-bottom: 2rpx solid #f5f5f5;
			.left{width: 140rpx;height: 140rpx;border-radius: 10rpx;background-color: #b1b1b1;}
			.right{
				height: 140rpx;padding-left: 20rpx;
				.number{padding-left: 20rpx;}
			}
		}
		.item{
			height: 86rpx;border-bottom: 2rpx solid #f5f5f5;display: -webkit-flex;display: flex;justify-content: space-between;align-items: center;
			&.nob{border-bottom: none;}
			.uni-icons{margin-left: 10rpx;}
		}
		textarea{width: 650rpx;height: 140rpx;margin: 0 auto;padding: 20rpx;font-size: 28rpx; border-radius: 6rpx;background-color: #f5f5f5;}
	}
}

/* 团购下单-底部 */
.book-bar{
	position: fixed;bottom: 0;left: 0;right: 0;z-index: 10;height: calc(110rpx + constant(safe-area-inset-bottom));height: calc(110rpx + env(safe-area-inset-bottom));background: #faf9f9;border-top: 2rpx solid #eeeeee;
	.price{
		width: 320rpx; height: 110rpx;line-height: 110rpx;padding-left: 30rpx;
		.font-assist{padding-left: 10rpx;}
	}
	.btn{width: 260rpx; height: 100%;line-height: 110rpx; background-color: @theme-color;}
}

//支付倒计时
.time_end{width: 750rpx;height: 40rpx;background-color: #fff7ed;position: fixed;left: 0;right: 0;bottom:calc(110rpx + env(safe-area-inset-bottom));z-index: 10;padding: 0 20rpx;}

/* 拼团进度 */
.group-progress{
	background-color: #f7f7f7;
	.goods{
		padding: 20rpx;
		.left{width: 140rpx;height: 140rpx;border-radius: 10rpx;background-color: #b1b1b1;}
		.right{
			height: 140rpx;padding-left: 20rpx;
			.font-line{padding-left: 12rpx;}
		}
	}
	.progress{
		padding: 30rpx 20rpx 20rpx;
		.icon{width: 24rpx;height: 24rpx;margin-right: 12rpx;}
		.count{line-height: 32rpx;margin-top: 36rpx;}
		.member{
			width: 100rpx;height: 100rpx;border-radius: 50%;border: 2rpx dashed #b1b1b1;color: #b1b1b1;font-size: 40rpx;margin: 66rpx 26rpx 0;position: relative;overflow: unset;
			&.yes{border-color: #ff6a2c;background-color: #ff6a2c;}
			.head{width: 60rpx;height: 30rpx;background-color: #ff9c77;border-radius: 6rpx;position: absolute;bottom: -2rpx;left: 20rpx}
		}
		.btn{width: 650rpx;height: 80rpx;background-color: @theme-color;border-radius: 40rpx;margin-top: 70rpx;}
	}
	.rule{
		.title{
			height: 88rpx;
			&::before,&::after{display: block;content: " ";width: 96rpx;height: 16rpx;margin: 0 14rpx; background: url(https://static.newbeaconhotels.com/app/hotel/group/rule.png) no-repeat;background-size: 100%;}
			&::after{transform: rotate(180deg);}
		}
		.content{padding-bottom: 30rpx;font-size: 26rpx;color: #666666;}
	}
}

/* 拼团订单列表 */
.hotel-orders{
	background-color: #f5f5f5;
	.order-list{
		padding-top: 22rpx;
		.box-shadow{width:700rpx;margin: 0 auto 22rpx;}
		.part1{height: 62rpx;
			.font-theme{
				.hook{ height: 28rpx;width: 28rpx;border-radius: 28rpx;margin-right: 10rpx; }
				.hook_a{
					background-color: #03004c;
					image{
						width: 12rpx;height: 10rpx;
					}
				}
				.hook_b{
					border: 2rpx #c8c8c8 solid;
				}
			}
		}
		.part2{
			padding: 20rpx 0;border-top: 2rpx solid #f5f5f5;
			.image{width: 150rpx;height: 150rpx;border-radius: 10rpx;background-color: #f5f5f5;}
			.info{width: calc(100% - 150rpx); height: 150rpx;padding-left: 16rpx; }
		}
		.part3{
			height: 90rpx;border-top: 2rpx solid #f5f5f5;line-height: 40rpx;
			.btn{
				width: 150rpx;height: 50rpx;line-height: 46rpx;text-align: center;margin-left: 40rpx; border: 2rpx solid #b1b1b1;border-radius: 26rpx;font-size: 24rpx;color: #b1b1b1;
				&.blue{background-color: @theme-color;border-color: @theme-color;color: #fff;}
			}
		}
	}
	.order-hook{
		position: fixed;bottom: 0;left: 0;height: 100rpx;width: 700rpx;border-top: 2rpx #eeeeee solid;background-color: #faf9f9;
		padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);box-sizing: content-box;
		padding-left: 25rpx;padding-right: 25rpx;
		.hook-all{
			height: 28rpx;width: 28rpx;border-radius: 28rpx;
		}
		.hook-all1{
			background-color: #03004c;
			image{
				width: 12rpx;height: 10rpx;
			}
		}
		.hook-all2{
			border: 2rpx #c8c8c8 solid;
		}
		.hook-text{
			margin-left: 10rpx;
			.margin-10{
				margin-right: 12rpx;
			}
			.margin-4{
				margin: 0 4rpx;
			}
		}
		.btn{
			width: 150rpx;height: 50rpx;line-height: 46rpx;text-align: center;margin-left: 40rpx; border: 2rpx solid #b1b1b1;border-radius: 26rpx;font-size: 24rpx;color: #b1b1b1;
			&.blue{background-color: @theme-color;border-color: @theme-color;color: #fff;}
		}
	}
}

/* 拼团详情 */
.order-detail{
	.book-status{
		height: 128rpx;font-size: 30rpx;color: @theme-color;
		.icon{width: 26rpx;height: 26rpx;margin-right: 18rpx;}
	}
	.book-info{
		font-size: 28rpx;line-height: 50rpx;
		.label{color: #999999;}
		.p2{padding-top: 10rpx;}
	}
}
/* 拼团详情-底部 */
.book-bar-inner{
	height: 110rpx;padding-right: 20rpx;
	.btn{width: 160rpx;height: 60rpx;line-height: 58rpx;font-size: 26rpx;text-align: center;margin-left: 40rpx; border: 2rpx solid @theme-color;color: @theme-color;border-radius: 30rpx;background-color: #fff;}
}

/* 售后 */
.after-sale{
	background-color: #f7f7f7;
	.goods{
		padding: 20rpx;border-bottom: 2rpx solid #f5f5f5;
		.left{width: 140rpx;height: 140rpx;border-radius: 10rpx;background-color: #b1b1b1;}
		.right{height: 140rpx;padding-left: 20rpx;}
	}
	.filter-box{
		padding-bottom: 30rpx;
		.filter-bar{
			justify-content: flex-start;
			.item{margin-right: 50rpx;}
		}
		textarea{width: 650rpx;height: 140rpx;margin: 20rpx auto;padding: 20rpx;font-size: 28rpx; border-radius: 6rpx;background-color: #f5f5f5;}
	}
	.upload{padding-top: 20rpx;}
}

//售后
.after{
	height: 100%;background-color: #f9f9f9;
	.after_head{
		width: 750rpx;height: 200rpx;background-image: url('https://static.newbeaconhotels.com/app/D2103-business-js/shop/after_back.png');padding-top: 42rpx;padding-left: 40rpx;
	}
	.after_address{
		width: 710rpx;background-color: #ffffff;box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(113, 113, 113, 0.1);border-radius: 10rpx;margin: 0 20rpx;padding: 28rpx 20rpx;
		position: relative;top: -80rpx;
		.address_copy{
			width: 150rpx;height: 50rpx;border-radius: 25rpx;border: solid 2rpx #6b6b6b;
		}
		.address_info{
			margin-top: 10rpx;
			.margin-10{
				margin-left: 10rpx;
			}
			.addressI_fo{
				margin: 15rpx 0;
			}
		}
		.address_text{
			border-top: solid 2rpx #f4f4f4;width: 710rpx;padding-top: 30rpx;
			.margin-10{
				margin-bottom: 10rpx;
			}
		}
	}
	// 快递公司
	.after_express{
		width: 750rpx;height: 170rpx;padding: 36rpx;background-color: #ffffff;
		position: relative;top: -60rpx;box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(113, 113, 113, 0.1);
		.express_bos{
			width: 678rpx;
			.express_name{
				width: 120rpx;
			}
			.express_box{
				width: 558rpx;
				image{
					width: 14rpx;height: 22rpx;margin-left: 12rpx;
				}
				input{
					width: 558rpx;text-align: right;
				}
				.placeholderClass{
					font-size: 28rpx;color: #b4b4b4;
				}
			}
		}
	}
	.after_all{
		position: relative;
		// 信息
		.afterSale_title{
			width: 750rpx;height: 240rpx;background-color: #ffffff;box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(113, 113, 113, 0.1);
			padding: 36rpx;
			.afterST_back{
				height: 168rpx;width: 168rpx;border-radius: 5rpx;
			}
			.afterST_bos{
				height: 168rpx;width: 510rpx;padding-left: 32rpx;
				.afterST_box{
					
				}
			}
		}
		.after_details{
			padding: 36rpx 36rpx 0 36rpx;margin-top: 20rpx;background-color: #ffffff;width: 750rpx;box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(113, 113, 113, 0.1);
			.express_bos{
				margin-bottom: 32rpx;
			}
			.details_name{
				width: 140rpx;
			}
			.details_info{
				width: 538rpx;
			}
		}
	}
	//提交评论
	.comment_submit{
		position: fixed;bottom: 0;left: 0;height: 120rpx;width: 700rpx;border-top: 2rpx #eeeeee solid;background-color: #faf9f9;
		padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);box-sizing: content-box;
		padding-left: 30rpx;padding-right: 20rpx;
		view{
			width: 710rpx;height: 90rpx;background-color: #03004c;border-radius: 50rpx;
		}
	}
	.comment_submitx{
		height: 140rpx;width: 700rpx;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);box-sizing: content-box;
	}
}

// 物流
.driver{
	background-color: #f8f8f8;height: 100%;overflow: auto;
	// 头部
	.driver_head{
		height: 232rpx;width: 750rpx;position: relative;
		.driverh_img{
			width: 750rpx;height: 180rpx;background-image: linear-gradient(90deg, #c8e4fa 0%, #fef6ad 100%);
		}
		.driverh_title{
			width: 690rpx;height: 170rpx;background-color: #ffffff;border-radius: 10rpx;position: absolute;
			bottom: 0rpx;left: 30rpx;padding: 0 20rpx;
			image{
				width: 130rpx;height: 130rpx;border-radius: 10rpx;
			}
			.driverh_bos{
				width: 520rpx;height: 130rpx;padding:16rpx 0 16rpx 30rpx;
				text{
					margin-left: 10rpx;
				}
			}
		}
	}
	//信息
	.driver_info{
		width: 690rpx;background-color: #ffffff;border-radius: 10rpx;margin: 20rpx 30rpx 0 30rpx;padding-bottom: 30rpx;padding-top: 30rpx;
		.driveri_list{
			display: flex;position: relative;
			.driveri_time{
				width: 90rpx;display: flex;flex-direction: column;align-items: center;position: relative;top: -2rpx;
			}
			.driveri_circle{
				width: 22rpx;display: flex;flex-direction: column;align-items: center;position: relative;
				.circle_big{
					width: 22rpx;height: 22rpx;background-color: #03004c;border-radius: 22rpx;z-index: 3;position: absolute;left: 0;top: 0;
					view{
						width: 11rpx;height: 11rpx;background-color: #ffffff;border-radius: 11rpx;
					}
				}
				.circle_small{
					width: 18rpx;height: 18rpx;background-color: #e2e2e2;border-radius: 18rpx;z-index: 3;position: absolute;left: 2;top: 0;
					view{
						width: 9rpx;height: 9rpx;background-color: #ffffff;border-radius: 9rpx;
					}
				}
				.circle_border{
					height: 100%;width:4rpx;background-color: #e2e2e2;z-index: 2;position: relative;position: absolute;left: 9;top: 0;
				}
			}
			.driveri_info{
				width: 578rpx;padding-bottom: 56rpx;padding-left: 22rpx;padding-right: 20rpx;position: relative;top: -4rpx;
			}
		}
	}
}

//评论
.comment{
	background-color: #f8f8f8;height: 100%;overflow: auto;
	//订单信息
	.order_info{
		width: 710rpx;background-color: #ffffff;box-shadow: 0px 10px 18px 2px rgba(140, 140, 140, 0.05);border-radius: 20rpx;margin-left: 20rpx;
		padding: 22rpx 22rpx 0 22rpx;
		.margin-30{
			margin-bottom: 30rpx;
		}
		.order_box{
			padding-bottom: 30rpx;width: 666rpx;
			image{
				width: 180rpx;height: 180rpx;border-radius: 10rpx;
			}
			.orderi_box{
				width: 466rpx;height: 180rpx;
				.orderi_norms{
					view{
						margin-left: 20rpx;
					}
				}
			}
		}
		.order_border{
			height: 2rpx;width: 666rpx;background-color: #eeeeee;
		}
		.order_num{
			padding: 10rpx 0;width: 666rpx;
			.ordern_box{
				height: 60rpx;
			}
		}
		.ordern_all{
			width: 666rpx;height: 80rpx;
		}
		.orderi_after{
			width: 666rpx;text-align: right;margin-top: 20rpx;
			view{
				border: solid 2rpx #666666;border-radius: 30rpx;padding: 3rpx 0rpx;width: 160rpx;
			}
		}
	}
	.comment_info{
		margin-top: 25rpx;
		.comment_img{
			width: 466rpx;
			image{
				width: 46rpx;height: 46rpx;
			}
			text{
				margin-left: 18rpx;
			}
		}
	}
	.comment_textarea{
		width: 666rpx;height: 250rpx;background-color: #f8f8f8;border-radius: 20rpx;margin-top: 20rpx;margin-bottom: 30rpx;
		padding: 20rpx;
	}
	.comment_placeholder{
		font-size: 26rpx;color: #b3b3b3;
	}
	.comment_photo{
		padding-bottom: 24rpx;width: 666rpx;
		.photo_add{
			width: 200rpx;height: 200rpx;background-color: #f8f8f8;border-radius: 20rpx;margin-top: 20rpx;
			.photo_adds{
				width: 64rpx;height: 54rpx;
			}
			view{
				margin:22rpx 0 11rpx 0;
			}
		}
	}
	//提交评论
	.comment_submit{
		position: fixed;bottom: 0;left: 0;height: 120rpx;width: 700rpx;border-top: 2rpx #eeeeee solid;background-color: #faf9f9;
		padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);box-sizing: content-box;
		padding-left: 30rpx;padding-right: 20rpx;
		view{
			width: 710rpx;height: 90rpx;background-color: #03004c;border-radius: 50rpx;
		}
	}
	.comment_submitx{
		height: 140rpx;width: 700rpx;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);box-sizing: content-box;
	}
}


